body{background: #ebebec;}
.container{width: 868px;margin: auto;}
.blank10{clear: both;height: 10px;line-height: 10px;}
.box{background: #fff;}
.box .wrap {padding: 20px;}
.wrap-w-nav{border-bottom: 1px solid #f2f2f2;padding-bottom: 15px;margin-bottom: 15px;}
.wrap-w-nav a{color: #666666;font-size: 12px;margin-right: 15px;}
.wrap-w-nav a.on{color: #ff8800;position: relative;}
.wrap-w-nav a.on:after{position: absolute;content: '';width: 100%;height: 2px;left: 0;bottom: -16px;background: #ff8800;}
.wrap-w-box{overflow: hidden;}
.wrap-w-box a{float: left;display: block;margin-right: 9px;width: 270px;height: 180px;margin-bottom: 10px;}
.wrap-w-box a img{width: 100%;height: 100%;}
.wrap-w-box a:nth-of-type(3n+3){margin-right: 0;}
.wrap .loadmore{color: #ff8800;font-size: 14px;display: block;text-align: center;}
.wrap h2.see{font-size: 18px;color: #666;}
.listleft{width: 620px;float: left;}
.listright{float: right;width: 208px;}
.listleft,.listright{margin-top: 10px;}
.cordList h3{font-size: 18px;color: #666;font-weight: normal;line-height: 34px;float: left;text-align: center;}
.cordList .time{width: 120px;text-align: center;}
.cordList .person{width: 150px;text-align: center;}
.cordList .number{width: 160px;text-align: center;}
.cordList .tel{width: 150px;text-align: center;}
.cordList .day{width: 208px;text-align: center;}
.cordList .listright h3{float: none;}
.cordList .listright label{display: block;margin-top: 30px;font-size: 14px;color: #828282;}
.cordList .listright label b{font-size: 50px;color: #ff0000;font-family: arial;}
.cordList em{font-size: 14px;color: #828282;}
.cordList ul li {overflow: hidden;line-height: 34px;margin: 10px 0;}
.cordList ul li img{width: 34px;height: 34px;border-radius: 100%;display: inline-block;margin-right: 5px;}
.cordList ul li .time,.cordList ul li .person,.cordList ul li .number,.cordList ul li .tel{display: block;float: left;}
.cordList ul li span{font-size: 18px;color: #666;}
.cordList ul li span.tel {color: #ff0000;}
.btnbox{text-align: right;margin-right: 50px;}
.btnbox img{margin-left: 5px;cursor: pointer;}
.infobox table{width: 100%;margin-top: 6px;}
.infobox table tr td{line-height: 38px;padding: 0 20px;font-size: 16px;color: #999999;}
.infobox table tr td span{color: #333;}
.mapbox{position: relative;}
.mapbox #l-map{height: 536px;margin-top: 20px;}
.searchmap{position: absolute;top: 30px;right: 30px;height: 476px;width: 414px;background: #fff;overflow: hidden;}
.searchmap ul{background: #f5f5f5;}
.searchmap ul li{float: left;padding: 10px 25px;font-size: 14px;color: #394043;background: #f5f5f5;position: relative;}
.searchmap ul li.on{background: #fff;}
.searchmap ul li.on a{color: #60b7f7;font-weight: bold;}
.searchmap ul li.on:after{position: absolute;content: '';width: 100%;height: 4px;top: 0;left: 0;background: #60b7f7;}
.resultbox{overflow: auto;height: 432px;}
#r-result div{border: none !important;background: none !important;}
#r-result div li{padding: 20px !important;border-bottom: 1px solid #e2e2e2;}
#r-result div li span{margin-right: 15px !important;font-size: 14px;}
.picbox{width: 690px;height: 560px;background: #fff;padding:16px 20px;box-sizing: border-box;}
.picbox h1{font-size: 24px;color: #666;}
.picbox .picnav{overflow: hidden;margin-top: 14px;}
.picbox .picnav a{display: block;float: left;width: 90px;height: 30px;text-align: center;line-height: 30px;box-sizing: border-box;font-size: 14px;color: #999;border: 1px solid #f2f2f2;border-radius: 2px;margin-right: 12px;margin-bottom: 14px;}
.picbox .picnav a.on{background: #ff8800;border-color: #ff8800;color: #fff;}
.picbox .picnav a:nth-of-type(6n+6){margin-right: 0;}
.outcontainer{padding: 15px 10px;position: relative;background: #efefef;}
.incontainer{margin: 0 42px;overflow: hidden;}
.incontainer .swiper-slide{width: 525px;height: 350px;}
.incontainer .swiper-slide img{width: 100%;height: 100%;}
.gallery-thumbs .swiper-slide{background: rgba(0,0,0,.3);color: #fff;font-size: 16px;padding: 8px 20px;box-sizing: border-box;}
.swiper-button-prev{background: url(../images/leftbtn.png);width: 26px;height: 48px;}
.swiper-button-next{background: url(../images/rightbtn.png);width: 26px;height: 48px;}


.order-box{
	width: 690px;
	height: 610px;
	background: #fff;
	position: fixed;
	left: 50%;
	margin-left: -345px;
	top: 50%;
	margin-top: -305px;
	padding: 20px;
	box-sizing: border-box;
}
.order-box h1{
	font-size: 24px;
	color: #666;
	margin-bottom: 10px;
	font-weight: bold;
}
.order-box span{
	font-size: 14px;
	color: #666;
	margin-bottom: 12px;
	display: block;
}
.order-box label.layui-form-label{
	font-size: 14px;
	color: #666;
	padding: 0;
	line-height: 30px;
	text-align: left;
}
.order-box .layui-input{
	height: 30px;
	line-height: 30px;
}
.order-box .layui-form-item .layui-input-inline{width: 220px;}
.order-box .layui-form-mid{padding: 0;line-height: 30px;color: #ff8800;margin-left: 10px;cursor: pointer;}
.order-box .layui-form-item{margin-bottom: 10px;}
.order-time{margin-top: 20px;}
.order-time p{color: #666;font-size: 14px;}
.order-time ul{overflow: hidden;margin-top: 18px;margin-bottom: 20px;}
.order-time ul li{
	float: left;
	width: 80px;
	height: 80px;
	border: 1px solid #f5f5f5;
	box-sizing: border-box;
	margin-right: 15px;
	text-align: center;
	cursor: pointer;
}
.order-time ul li:nth-of-type(7n+7){margin-right: 0;}
.order-time ul li label{
	display: block;
	background: #f2f2f2;
	color: #999;
	font-size: 14px;
	line-height: 30px;
}
.order-time ul li b{
	display: block;
	color: #595757;
	font-size: 26px;
	line-height: 30px;
	font-family: arial;
}
.order-time ul li em{
	display: block;
	color: #999999;
	font-size: 12px;
}
.order-time ul li.on{border-color: #ff8800;background: url(../images/checked.png) no-repeat right bottom;}
.order-time ul li.on label{color: #fff;background: #ff8800;}
.order-time ul li.on b{color: #ff8800;}
.order-time ul li.on em{color: #ff8800;}
.order-box .layui-btn{line-height: 36px;width: 200px;display: block;margin: auto;background: #ff8800;font-size: 18px;border-radius: 5px;}






















